// 图片轮播
// var inner = document.querySelector('.big-div');
//         var leftDe = 0;
//         var imgNum = 5;
//         var moveNum = 0
//         var distance = 2600; // 每次移动的距离，也是图片的宽度
//         setInterval(function() {
//             // inner.style.left = '2600px';
//             // console.log('left:', inner.style.left);
//             if(moveNum < (imgNum-1)) {
//                 // 添加判断，根据次数判断  移动的次数是图片的数量-1  到了最后一张图 再移动就是第一张图
//                 // 动画的执行时间  执行间隔就是setInterval的第二个参数
//                 // 动画的执行时间 500毫秒内完成图片的移动
//                 var timer = setInterval(function() {
//                     // console.log('left:', inner.style.left);
//                     if(inner.style.left) {
//                         leftDe -= 520;
//                         inner.style.left = leftDe+'px';
//                     }else {

//                     }
//                 }, 10)
//                 moveNum ++ // 移动的次数
//                 clearInterval(timer)
//             }else {
//                 inner.style.left = '0px'
//                 moveNum = 0
//                 leftDe = 0
//             }
//             // console.log(moveNum);
//         }, 2000);


//试用部分数据
$(function () {
    var aaa = document.querySelector('.body-remen')
    $.ajax({
        url: 'http://localhost:3000/play/hot',
        type: 'get',
        success: function (arr) {
            for (var i = 0; i < arr.length; i++) {
                var data = arr[i]
                for (var j = 0; j < data.length; j++) {
                    var div = document.createElement('div')
                    var imgs = document.createElement('img')
                    var ps = document.createElement('p');
                    var buttons = document.createElement('button')
                    var btn_two = document.createElement('button')
                    var pp = document.createElement('p')
                    var pps = document.createElement('p')
                    pps.innerText = '剩余时间2天'
                    pps.className = 'pps'
                    pp.innerHTML = '<span class="span1">1392</span>申请'
                    pp.className = 'pp'
                    buttons.innerText = 2032
                    btn_two.innerText = '20台'
                    buttons.className = 'btn-lun1'
                    btn_two.className = 'btn-lun2'
                    ps.innerText = data[j].text
                    ps.className = 'p-lun'
                    imgs.className = 'imgs-lun'
                    div.className = 'div-lun'
                    imgs.src = data[j].img
                    div.appendChild(imgs)
                    div.appendChild(ps)
                    div.appendChild(buttons)
                    div.appendChild(btn_two)
                    div.appendChild(pp)
                    div.appendChild(pps)
                    aaa.appendChild(div)
                }
            }
        }
    })
})
// 报告精选数据
$(function () {
    var bao_max = document.querySelector('.bao-max')
    console.log(bao_max);
    var str = ''
    $.ajax({
        url: 'http://localhost:3000/guid/new',
        type: 'get',
        success: function (data) {
            $.each(data, function (index, item) {
                // console.log(index, item);
                str += '<div class="item-div">'
                + '<img class="item-img" src=' 
                + item.img + '>' + '<span class="p-data">' 
                + item.text + '</span>' + '<p class="p-zan">' + 
                '<span class="span-su">' + "●苏苏" + '</span>' + 
                '<span class="spans spans-1">' + 
                '<img src="../极果网.html/img-css/zan.png">' +
                 item.like + '</span>' +
                 '<span class="spans">' + 
                 '<img src="../极果网.html/img-css/reply.png">' +
                  item.words + '</span>' + '</p>' + '</div>'
            })
            $('.bao-max').append(str)
        }
    })

})
//发现酷玩数据
$(function () {
    /* var bao_div_max = document.querySelector('.bao-div-max')
    console.log(bao_div_max); */
    var str = ''
    $.ajax({
        url: 'http://localhost:3000/report/hot',
        type: 'get',
        success: function (data) {
            $.each(data, function (index, item) {
                console.log(index, item);
                str += '<div class="item-div">' + 
                '<img class="item-img" src=' + 
                item.img + '>' + '<span class="p-data">' + 
                item.text + '</span>' + '<p class="p-zan">' +
                 '<span class="span-su span-jia">' + 
                 '￥' + item.apply + '</span>' + 
                 '<span class="spans spans-1">' + 
                 '<img src="../极果网.html/img-css/zan.png">' + 
                 3 + '</span>' + '<span class="spans">' +
                  '<img src="../极果网.html/img-css/reply.png">' + 3 + 
                  '</span>' + '</p>' + '</div>'
            })
            $('.fa-data').append(str)
        }
    })

})
/* 返回顶部 */
window.onload = function () {
    //获取.k1距离window高度的距离   700
    var z = $(".k1").position().top
    console.log(z);
    //当用户滚动指定的元素时，会发生 scroll 事件。
    $(window).scroll(function () {
        //window可视内容区
        // 获取滑轮距离window的距离加上.k1距离window的高度     700+0（滑轮现在距离windo的距离）
        var tim = $(window).scrollTop() + z;
        console.log(tim);
        //获取.k1距离左边（定位已经写死了）和tim(上边加上滑轮加上边的高度)
        // offset()方法设置或返回被选元素相当于window的偏移坐标     括号里面有内容就是赋值了
        $(".k1").offset({ top: tim }) //{这里把top看作css样式 属性名：属性值}
    })
    //给.k1绑定一个点击事件
    $('.k1').click(function () {
        //设置定时器
        var timer = setInterval(function () {
            //将获取到的滑轮到window的距离重新赋值给crr
            var crr = $(window).scrollTop()
            // 滑轮距离window的距离减去滑轮走一次的距离并重新赋值给abb      定时器相当于for循环
            var abb = crr - (crr / 20)
            // 然后将abb（新的滑轮距离window的距离）赋值给滑轮距离window的距离
            $(window).scrollTop(abb)
            // 当滑轮距离window的距离为0时 则清除定时器效果
            if (abb <= 0) {
                clearInterval(timer)
            }
        }, 10)
    })
}